<template>
    <div class="w-[616px] top-[77px] bottom-0 fixed right-0 animate__slideInRight   animate__animated "  style="transition: all 0.8s;z-index: 99999;">
        <Title :type="2" :show="true"></Title>
        <seamlessScroll :listData="list1"></seamlessScroll>

        <Title :type="3" :show="true" class="mt-[-9px]"></Title>
        <seamlessScroll :listData="list2" :type="true"></seamlessScroll>
    </div>
  </template>
  
  <script>
  import seamlessScroll from './seamlessScroll.vue'
  export default {
    name: 'rightBox',
    components: {
      seamlessScroll
    },
    props: {
      msg: String
    },
    data() {
      return {
        list1:[
        {
          'px': '01',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': '02',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': '03',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': '04',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': '05',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': '06',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': '07',
          'content': '到货比较慢，有风险'
        },
        ],
        list2:[
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        },
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        }, 
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        },
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        },
        {
          'px': 'BJ',
          'content': '到货比较慢，有风险'
        },
        ]
      }
    },
  }
  </script>
  
  <style scoped>
  
  </style>
  